/*桌面*/
.winui-desktop {
    position: fixed !important;
    left: 0;
    right: 0;
    margin-top: 50px;
}

.winui-desktop .desktop-item-page{
    width: 100%;
    height: 100%;
}

.taskbarInBottom .winui-desktop {
    top: 0;
    bottom: 30px;
    height: calc(100% - 80px) !important;
}

.taskbarInTop .winui-desktop {
    top: 40px;
    bottom: 0;
}

.body-box {
    margin: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
}

.winui-desktop-item {
    width: 70px;
    height: 95px;
    padding-top: 5px;
    position: absolute;
    color: #fff;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.00);
    overflow: hidden;
    padding-bottom: 4px;
    transition: opacity 0.3s, top 0.3s, left 0.3s, border 0.3s, background-color 0.3s;
}

.winui-desktop-item:hover {
    border: 1px solid rgba(255, 255, 255, 0.25);
    background-color: rgba(239, 255, 236, 0.25);
    cursor: pointer;
}

.winui-desktop-item.winui-this {
    border: 1px solid rgba(221, 221, 221, .8);
    background-color: rgba(255, 255, 255, .3);
    overflow: visible;
}

.winui-desktop-item > .winui-icon {
    height: 50px;
    text-align: center;
    margin-bottom: 6px;
}

.winui-desktop-item > .winui-icon-font {
    line-height: 70px;
    width: 50px;
    margin-left: 9px;
    border-radius: 5px;
}

.winui-desktop-item > .winui-icon-img {
    line-height: 56px;
}

.winui-desktop-item > .winui-icon-img > img {
    max-width: 45px;
    max-height: 45px;
}

.winui-desktop-item > .winui-icon-font > i {
    font-size: 38px;
}

.winui-desktop-item > p {
    line-height: 16px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    /*字母数字换行*/
    word-wrap: break-word;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    text-shadow: 0px 0px 0px #fff, 0px 0px 2px #000, 0px 0px 4px #000;
}

/*任务栏*/
.winui-taskbar {
    width: 100vw;
    height: 30px;
    position: fixed;
    bottom: 0;
    z-index: 99980000;
}

.winui-taskbar > * {
    display: inline-block;
}

/*开始按钮*/
.winui-taskbar-start {
    width: 48px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    position: absolute;
    transition: opacity 0.3s, top 0.3s, left 0.3s, border 0.3s, background-color 0.3s;
    cursor: pointer;
}

.winui-taskbar-start:hover {
    color: #1E91EA;
}

/*开始按钮选中*/
.winui-taskbar-start.winui-this {
    /*background: #004275;*/
}

.winui-taskbar-start i {
    font-size: 18px;
}

/*任务栏任务*/
.winui-taskbar-task {
    position: absolute;
    left: 200px;
    right: 200px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    overflow: hidden;
    width: calc(100% - 360px);
    height: 30px;
}

.winui-taskbar-task .winui-task-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    margin-right: 5px;
}

.winui-taskbar-task .winui-task-item:last-child {
    margin-right: 0;
}

.winui-taskbar-task .winui-task-item:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 41px;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    pointer-events: none;
    border: none;
    border-radius: 0;
    border-bottom: 3px solid rgba(255, 255, 255, 0.5);
}

.winui-taskbar-task .winui-task-item.winui-this {
    /*任务Item选中样式*/
}

.winui-taskbar-task .winui-task-item.winui-this:hover {
    /*任务Item选中悬浮样式*/
    /*background-color: #195583;*/
}

.winui-taskbar-task-name{
    height: 30px;
    width: 150px;
    left: 48px;
    position: absolute;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

.winui-taskbar-task-name select{
    width: 100%;
    height: 80%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 0 8px;
    background-color: lightgray;
}

/*任务栏时间*/
.winui-taskbar-time {
    width: 75px;
    height: 30px;
    cursor: default;
    padding-top: 3px;
    position: absolute;
    right: 85px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: opacity 0.3s, top 0.3s, left 0.3s, border 0.3s, background-color 0.3s;
}

.winui-taskbar-time p {
    line-height: 13px;
    text-align: center;
    color: white;
    font-size: 11px;
}

/*任务栏控制中心*/
.winui-taskbar-console {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 55px;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    transition: opacity 0.3s, top 0.3s, left 0.3s, border 0.3s, background-color 0.3s;
}

.winui-taskbar-console.winui-this {
    background-color: rgba(255, 255, 255, 0.05);
}

.winui-taskbar-console i {
    font-size: 18px;
    color: #fff;
}

.winui-taskbar-console span{
    position: absolute;
    width: 15px;
    height: 15px;
    color: white;
    background-color: deeppink;
    border-radius: 7px;
    top: 15px;
    left: 15px;
    font-size: 0.7rem;
    line-height: 15px;
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}

@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}

/*任务栏显示桌面按钮*/

.winui-taskbar-desktop {
    width: 4px;
    height: 40px;
    position: absolute;
    right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}


/*任务栏统一悬浮样式*/
.winui-taskbar-start:hover,
.winui-taskbar-task .winui-task-item:hover,
.winui-taskbar-time:hover,
.winui-taskbar-console:hover,
.winui-taskbar-desktop:hover {
    /*background: #194260;*/
}

/*任务项和菜单项右键菜单*/
.task-contextmenu,
.menu-contextmenu {
    width: 140px;
    padding: 8px 0;
    background: white;
    color: black;
    position: fixed;
    z-index: 201704011157;
    box-sizing: border-box;
    border-radius: 5px;
}

.task-contextmenu li,
.menu-contextmenu li {
    line-height: 30px;
    padding: 0 10px;
    font-size: 13px;
    cursor: default;
    padding-left: 38px;
    cursor: pointer;
}

.task-contextmenu li:hover,
.menu-contextmenu li:hover {
    background: #91C9F7;
}

.task-contextmenu li i,
.menu-contextmenu li i {
    font-size: 14px;
    margin-right: 10px;
    margin-left: -28px;
}

/*左面应用右键菜单*/
.app-contextmenu {
    width: 140px;
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #dcf0ff;
    z-index: 201704011157;
    box-sizing: border-box;
    background-color: white;
    position: fixed;
    -moz-box-shadow: 2px 2px 1px #353535;
    -webkit-box-shadow: 2px 2px 1px #353535;
    box-shadow: 2px 2px 1px #353535;
}

.app-contextmenu li {
    line-height: 30px;
    font-size: 12px;
    cursor: pointer;
    padding-left: 28px;
    padding-right: 10px;
    position: relative;
}

.app-contextmenu li:hover {
    background-color: #91C9F7;
}

.app-contextmenu li i {
    position: absolute;
    left: 5px;
    top: 3px;
    font-size: 14px;
    line-height: 24px;
}

/*开始菜单*/
.winui-start {
    position: fixed;
    /*background: #004275;*/
    width: 975px;
    height: 60vh;
    z-index: 201704011157;
}

.winui-start > * {
    float: left;
}

.winui-start.winui-start-size-sm {
    width: 320px;
}

.winui-start.winui-start-size-xs {
    width: 308px;
}

/*开始菜单滚动条样式*/

.winui-start .layui-side-scroll {
    width: 100%;
}

.winui-start .layui-side-scroll::-webkit-scrollbar {
    /*滚动条整体*/
    width: 12px;
}

.winui-start .layui-side-scroll::-webkit-scrollbar-thumb,
.winui-message .layui-side-scroll::-webkit-scrollbar-thumb {
    /*滚动条滑块背景色*/
    /*background-color: #47779C;*/
    background-color: rgba(255, 255, 255, 0.2);
}

.winui-start .layui-side-scroll::-webkit-scrollbar-thumb:vertical:hover,
.winui-message .layui-side-scroll::-webkit-scrollbar-thumb:vertical:hover {
    /*滚动条滑块悬浮背景色*/
    /*background-color: #7599B5;*/
    background-color: rgba(255, 255, 255, 0.4);
}

.winui-start .layui-side-scroll::-webkit-scrollbar-thumb:vertical:active,
.winui-message .layui-side-scroll::-webkit-scrollbar-thumb:vertical:active {
    /*滚动条滑块按住背景色*/
    /*background-color: #A3BBCD;*/
    background-color: rgba(255, 255, 255, 0.6);
}

.winui-start .layui-side-scroll::-webkit-scrollbar-track,
.winui-start .layui-side-scroll::-webkit-scrollbar-corner {
    /*滚动条轨道和边角*/
    /*background-color: #195583;*/
}

/*开始菜单——END——*/

/*开始菜单左边部分*/
.winui-start-left {
    width: 48px;
    height: 100%;
    position: absolute;
    zoom: 1;
    z-index: 50;
    background-color:rgba(0, 0, 0, 0.3);
    white-space: nowrap;
    overflow: hidden;
}

.winui-start-left .winui-start-item {
    width: 210px;
    height: 48px;
    position: absolute;
    text-align: center;
    cursor: pointer;
    transition: opacity 0.3s, top 0.3s, left 0.3s, border 0.3s, background-color 0.3s;
    white-space: nowrap;
    overflow: hidden;
}

.winui-start-left .winui-start-item:hover {
    /*background: #195583;*/
}

.winui-start-left .winui-start-item i {
    line-height: 48px;
    width: 48px;
    height: 48px;
    color: #fff;
    font-size: 18px;
    display: block;
    float: left;
}

.winui-start-left .winui-start-item span {
    float: left;
    line-height: 48px;
    color: white;
}

.winui-start-left .winui-start-item.bottom:nth-last-child(1) {
    bottom: 0;
}

.winui-start-left .winui-start-item.bottom:nth-last-child(2) {
    bottom: 48px;
}

.winui-start-left .winui-start-item.bottom:nth-last-child(3) {
    bottom: 96px;
}

.winui-start-left .winui-start-item.bottom:nth-last-child(4) {
    bottom: 144px;
}

.winui-start-left .winui-start-item.bottom:nth-last-child(5),
.winui-start-left .winui-start-item.bottom:nth-last-child(6),
.winui-start-left .winui-start-item.bottom:nth-last-child(7),
.winui-start-left .winui-start-item.bottom:nth-last-child(8) {
    display: none;
}

.leftbtnhovertext {
    background: #2b2b2b;
    padding: 5px 10px;
    z-index: 201704011158;
    position: fixed;
    color: #fff;
    font-size: 12px;
    border: 1px solid #696969;
}

/*开始菜单左边部分END*/
/*********************************************************************************************************/

/*开始菜单中间部分*/
.winui-start-center {
    width: 260px;
    height: 100%;
    position: relative;
    margin-left: 55px;
}

/*开始菜单中间导航样式*/
.winui-start-center .layui-nav-tree {
    /*导航DIV样式*/
    width: 248px;
    background-color: initial;
}

.winui-start-center .layui-nav-tree * {
    /*导航字体大小*/
    font-size: 12px;
}

.winui-start-center .layui-nav-tree a {
    /*导航下所有a表情鼠标样式改为默认*/
    cursor: default;
    line-height: 36px;
}

.winui-start-center .layui-nav-tree .layui-nav-itemed .layui-nav-child {
    /*展开的子项div背景*/
    background-color: initial !important;
}

.winui-start-center .layui-nav-tree .layui-nav-child dd.layui-this,
.winui-start-center .layui-nav-tree .layui-this,
.winui-start-center .layui-nav-tree .layui-this > a,
.winui-start-center .layui-nav-tree .layui-this > a:hover {
    /*导航选中背景*/
    background-color: initial;
}

.winui-start-center .layui-nav-tree .layui-nav-item {
    /*导航项li样式*/
    line-height: 35px;
}

.winui-start-center .layui-nav-tree .layui-nav-item a {
    /*导航项a样式*/
    height: 35px;
    color: #fff;
    padding: 0 17px;
}

.winui-start-center .layui-nav-tree .layui-nav-itemed > a {
    /*一级菜单展开背景*/
    background-color: initial !important;
}

.winui-start-center .layui-nav-tree .layui-nav-child a {
    /*二级导航*/
    padding-left: 27px;
    line-height: 35px;
}

.winui-start-center .layui-nav-tree .layui-nav-child dd.layui-this a {
    /*二级导航选中样式*/
    background-color: inherit;
}

.winui-start-center .layui-nav-tree .layui-nav-more {
    border-color: #fff transparent transparent;
    top: 15px;
}

.winui-start-center .layui-nav-tree .layui-nav-itemed .layui-nav-more {
    border-color: transparent transparent #fff;
    top: 9px;
}

/*菜单图标*/
.winui-start-center .layui-nav-tree .winui-menu-icon {
    position: relative;
    top: 2px;
    float: left;
    height: 31px;
    width: 31px;
    text-align: center;
}

.winui-start-center .layui-nav-tree .winui-menu-icon i {
    font-size: 18px;
}

.winui-start-center .layui-nav-tree .winui-menu-icon img {
    position: relative;
    top: 3px;
    width: 25px;
    height: 25px;
    vertical-align: initial;
}

.winui-start-center .layui-nav-tree .winui-menu-name {
    padding-left: 5px;
}

.winui-start-center .layui-nav-tree .layui-nav-bar {
    display: none;
}
/*开始菜单中间部分*/
/***********************************************************************************************/
/*window窗口样式*/
.winui-window {
    overflow: hidden;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.winui-window .layui-layer-title {
    border-radius: 0;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    color: #fff;
    cursor: move;
    border-bottom: none;
}

.winui-window .layui-layer-setwin {
    /*最大最小关闭按钮DIV*/
    top: 0;
    right: 0;
    line-height: 34px;
}

.winui-window .layui-layer-setwin a {
    height: 34px;
    width: 48px;
    margin: 0;
}

.winui-window .layui-layer-setwin a:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

.winui-window .layui-layer-setwin .layui-layer-close:hover {
    background-color: #E81123;
    opacity: 1;
}

.winui-window .layui-layer-setwin .layui-layer-min{
    cursor: pointer;
}

.winui-window .layui-layer-setwin .layui-layer-min cite {
    /*最小化按钮*/
    background-color: #fff;
    left: 17px;
    cursor: default;
}

.winui-window .layui-layer-setwin .layui-layer-min:hover cite {
    background-color: #fff;
}

.winui-window .layui-layer-ico {
    background: none;
    position: relative;
    cursor: pointer;
}

.winui-window .layui-layer-ico i {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 16px;
    color: #fff;
}

/*************************************************************************************/

/*窗口通用布局*/
.winui-tab {
    position: relative;
    overflow: auto;
}
.winui-tab .winui-tab-left {
    position: absolute;
    width: 18%;
    height: 100%;
    font-size: 15px;
    float: left;
    border-right: 1px solid #ddd;
    margin-left: -1px;
    background: #f9f9f9;
    color: #666;
}

.winui-tab .winui-tab-left .winui-tab-title {
    padding: 0 10px;
    color: #666666;
    font-weight: 800;
    font-size: 28px;
    height: 50px;
    line-height: 50px;
    letter-spacing: 2px;
}

.winui-tab .winui-tab-left .winui-tab-nav li {
    line-height: 40px;
    padding: 0 15px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 15px;
    color: #666;
}

.winui-tab .winui-tab-left .winui-tab-nav li:hover {
    background-color: #E6E6E6;
}

.winui-tab .winui-tab-left .winui-tab-nav li.winui-this {
    padding-left: 10px;
    border-left: 5px solid;
}

.winui-tab .winui-tab-left .winui-tab-nav li > i {
    margin-right: 10px;
}

.winui-tab .winui-tab-right {
    position: absolute;
    float: left;
    right: 0;
    height: 100%;
    font-size: 15px;
    width: 82%;
}

.winui-tab .winui-tab-right .winui-tab-content {
    padding: 10px;
}

.winui-tab-item.winui-this {
    display: block;
}

.winui-tab-item {
    display: none;
}

/*工具条*/
.winui-toolbar {
    padding: 5px;
    background-color: #F5F6F7;
    min-height: 30px;
}

.winui-toolbar * {
    font-size: 13px;
}

.winui-toolbtn {
    padding: 8px 10px;
    border: none;
    background-color: transparent;
    border: 1px solid transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.winui-toolbtn i {
    padding-right: 5px;
    color: #0063B1;
}

.winui-toolbtn:hover {
    background-color: #E8EFF7;
    border: 1px solid #A4CEF9;
}
/*窗口通用布局END*/

/*任务栏颜色*/
.winui-taskbar {
    background: rgba(0,0,0,0.1);
    border-top: 1px solid rgba(0,0,0,0.15);
}

/*开始菜单*/
.winui-start,
    /*控制中心*/
.winui-console,
    /*开始按钮选中*/
.winui-taskbar-start.winui-this {
    background-color: var(--start-color) !important;
}
/*任务项选中*/
.winui-taskbar-task .winui-task-item.winui-this{
    background: rgba(255,255,255,0.3);
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0));
}

/*任务项选中悬浮*/
.winui-taskbar-task .winui-task-item.winui-this:hover{
    background: rgba(255,255,255,0.3);
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0));
}

/*滚动条轨道和边角*/
.winui-start .layui-side-scroll::-webkit-scrollbar-track,
.winui-start .layui-side-scroll::-webkit-scrollbar-corner,
.winui-message .layui-side-scroll::-webkit-scrollbar-track,
.winui-message .layui-side-scroll::-webkit-scrollbar-corner,
    /*导航项悬浮*/
.winui-start-center .layui-nav-tree .layui-nav-item a:hover,
.winui-start-center .layui-nav-tree .layui-nav-child dd.layui-this a:hover,
    /*一级菜单展开悬浮*/
.winui-start-center .layui-nav-tree .layui-nav-itemed > a:hover,
    /*开始菜单左边按钮悬浮*/
.winui-start-left .winui-start-item:hover {
    background-color: var(--navhover-color) !important;
}

/*磁贴*/
.winui-tile,
    /*开关*/
.winui-switch .layui-form-switch,
    /*菜单图标*/
.winui-start-center .layui-nav-tree .winui-menu-icon,
    /*控制中心快捷菜单*/
.winui-console .winui-shortcut .winui-shortcut-item,
.winui-window .layui-layer-title,
body .layer-ext-winconfirm .layui-layer-title {
    background-color: var(--tile-color) !important;
}

.winui-switch .layui-form-switch {
    border-color: var(--tile-color) !important;
}

.winui-tab .winui-tab-left .winui-tab-nav li.winui-this {
    border-color: var(--tile-color) !important;
}

.winui-radio .layui-form-radioed i,
.winui-radio .layui-form-radio i:hover,
.winui-tab .winui-tab-left .winui-tab-nav li.winui-this,
.winui-tab .winui-tab-left .winui-tab-nav li.winui-this i,
.winui-toolbtn i {
    color: var(--tile-color) !important;
}

/*任务栏统一悬浮样式*/
.winui-taskbar-start:hover,
.winui-taskbar-time:hover,
.winui-taskbar-console:hover,
.winui-taskbar-desktop:hover {
    background-color: var(--taskbar-btnhover-color) !important;
}

.winui-taskbar-task .winui-task-item:hover{
    background: rgba(255,255,255,0.3);
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0));
}

/*开始按钮图标*/
.winui-taskbar-start:hover {
    color: var(--start-btn-color) !important;
}

/*表格复选框*/
.layui-form-checked[lay-skin="primary"] i {
    border-color: var(--tile-color) !important;
    background-color: var(--tile-color) !important;
}

.layui-form-checkbox[lay-skin="primary"]:hover i {
    border-color: var(--tile-color) !important;
}
/*分页*/
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: var(--start-btn-color) !important;
}

.layui-laypage a:hover {
    color: var(--start-btn-color) !important;
}
/****************************************颜色END*********************************************/